<script setup>
import { ref } from 'vue'
import { ElIcon  } from "element-plus";
import "element-plus/es/components/icon/style/css";

const emits = defineEmits(['change'])// 定义一个或多个自定义事件
defineProps({
  title: String,
  subtitle: String,
})
function handleSIle(type) {
    emits('change',type)
}
const count = ref(0)
</script>

<template>
  <div class="page" v-bind="$attrs">
    <div class="next" @click="handleSIle('prev')">
        <el-icon :size="16" color="#fff"><ArrowLeftBold /></el-icon>
    </div>
    <div class="pert" @click="handleSIle('next')">
        <el-icon :size="16" color="#fff"><ArrowRightBold /></el-icon>
    </div>
  </div>
</template>

<style lang="less" scoped>
.page{
    z-index: 10;
    display: inline-block;
    white-space:nowrap;
    >div{
        display: inline-block; 
        height: 33px;
        width: 33px;
        line-height: 38px;
        text-align: center;
        background: #DA3616;
        color: #fff;
        cursor: pointer;
    }
}
</style>
